import { Input, Card, Button, Space } from "antd";
import { EyeInvisibleOutlined, EyeTwoTone } from "@ant-design/icons";
import React, { Component } from "react";

export class StepDetail1 extends Component {
  constructor(props) {
    super();
    this.state = {
      input: 0,
    };
  }
  changevalue = (e) => {
    this.setState({ input: e.target.value });
  };
  render() {
    return (
      <Card bordered={false} style={{ paddingTop: 50, height: 200 }}>
        <Space size={25}>
          <Input.Password
            id="oldpwd"
            placeholder="原密码"
            onChange={this.changevalue}
            iconRender={(visible) =>
              visible ? <EyeTwoTone /> : <EyeInvisibleOutlined />
            }
          />

          <Button onClick={() => this.props.func(this.state.input)}>
            确认
          </Button>
        </Space>
      </Card>
    );
  }
}
export default StepDetail1;
